<template>
  <div>
    <div style="height: 1rem"></div>
    <div class="yd-ls-flex-button">
      <slot></slot>
    </div>
  </div>
</template>

<style>
  .yd-ls-flex-button {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
  }
  .yd-ls-flex-button .yd-flexbox {
    background: #ddd;
    color: #999;
    text-align: center;
  }
  .yd-ls-flex-button .yd-flexbox-item:nth-child(2) .yd-btn ,
  .yd-ls-flex-button .yd-flexbox-item:nth-child(3) .yd-btn {
    border-left: 1px solid #fff;
  }
  .yd-ls-flex-button .yd-btn {
    height: 1rem;
    border-radius: 0;
    font-size: .36rem;
  }
  .yd-ls-flex-button p {
    color: red;
    font-weight: 600;
  }
</style>
<script>
    export default{
      name: 'yd-ls-flexbutton'
    }
</script>
